<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	<meta name="viewport"
		content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/classify.css">
	<link rel="icon" href="./icon/title_vagetable.png">
	<title>分类页面</title>
	<script src="./js/axios.min.js"></script>
	<script src="./js/axios.config.js"></script>
	<body>
		<header>
			<img src="./img/classify/searchico.png" alt="">
			<input class="search" placeholder="搜索商品,共10000款好物" type="text">
		</header>
		<div class="content">
			<aside class="nav">
				<ul class="list">
					<li class="active">女士</li>
					<li>男士</li>
					<li>婴童</li>
					<li>居家</li>
					<li>配饰</li>
					<li>餐厨</li>
					<li>饮食</li>
					<li>杂货</li>
				</ul>
			</aside>
			<div class="main">
				<div class="cover">
					<img src="./img/index/banner.jpg" alt="">
				</div>
				<div class="title"><span>女士分类</span></div>
				<ul class="classify">
					<li>
						<a href="#">
							<img src="./icon/title_vagetable.png" alt="">
							<span class="name">衫</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./icon/title_vagetable.png" alt="">
							<span class="name">衬衫恶趣</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./icon/title_vagetable.png" alt="">
							<span class="name">衬衫</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./icon/title_vagetable.png" alt="">
							<span class="name">衬衫</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="./icon/title_vagetable.png" alt="">
							<span class="name">衬衫</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="backTop"><img src="./img/shippingAddress/back.png" alt=""></div>
		<div class="tabbar">
			<ul>
				<li onclick="location.assign('./index.html')">
					<div class="icon"><img src="./img/tabbar/tabbar1-active.png" alt=""></div>
					<div class="title">首页</div>
				</li>
				<li onclick="location.assign('./optimization.html')">
					<div class="icon"><img src="./img/tabbar/tabbar2.png" alt=""></div>
					<div class="title">优选</div>
				</li>
				<li>
					<div class="icon"><img src="./img/tabbar/tabbar3-active.png" alt=""></div>
					<div class="title">分类</div>
				</li>
				<li onclick="location.assign('./shoppingCar.html')">
					<div class="icon"><img src="./img/tabbar/tabbar4.png" alt=""></div>
					<div class="title">购物车</div>
				</li>
				<li onclick="location.assign('./userCenter.html')">
					<div class="icon"><img src="./img/tabbar/tabbar5.png" alt=""></div>
					<div class="title">我的</div>
				</li>
			</ul>
		</div>
	</body>
</html>
